﻿/*! http://www.zkea.net/ 
 * Copyright (c) ZKEASOFT. All rights reserved. 
 * http://www.zkea.net/licenses */

.field-item {
    background: url(images/fields.png) no-repeat 10px 0;
    padding: 6px 5px 7px 50px;
    list-style: none;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    cursor: move;
}

    .field-item.Checkbox {
        background-position: 10px -36px;
    }

    .field-item.Date {
        background-position: 10px -247px;
    }
    .field-item.Address,
    .field-item.Dropdown {
        background-position: 10px -141px;
    }

    .field-item.Paragraph {
        background-position: 10px -70px;
    }

    .field-item.Radio {
        background-position: 10px -106px;
    }

    .field-item.SingleLine {
        background-position: 10px -2px;
    }

    .field-item.Number {
        background-position: 10px -385px;
    }

    .field-item.Email {
        background-position: 10px -526px;
    }

    .field-item.Label {
        background-position: 10px -592px;
    }


.form-display .form-group {
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    margin-bottom:8px;
}

.form-group.ondrop, .form-group.active {
    background-color: #f4f4f4;
    border: 1px solid #e2e2e2;
}

.form-display .form-group::after {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    cursor: pointer;
}

.form-group .checkbox:first-child,
.form-group .radio:first-child {
    margin-top: 0;
}

.form-group .checkbox:last-child,
.form-group .radio:last-child {
    margin-bottom: 0;
}

.form-group .close {
    float: none;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
}

    .form-group .close:hover {
        color: red;
    }
    .form-group dl{
        margin-bottom:0;
        font-size:88%;
        color:#7d7d7d;
    }

.form-group.required > label.control-label:after {
    content: " *";
    color: red;
}

.input-group.size-1,
.form-control.size-1 {
    width: 25%;
}

.input-group.size-2,
.form-control.size-2 {
    width: 50%;
}

.input-group.size-3,
.form-control.size-3 {
    width: 75%;
}

.input-group.size-4,
.form-control.size-4 {
}
